* {
  padding: 0;
  margin: 0;
}
body {
  background-color: #222;
  background-image: url(images/bg.jpg);
  background-repeat: repeat-x;
  background-attachment: fixed;
  color: #222;
  font-family: "MS Sans Serif", Helvetica, sans-serif;
  font-size: 13px;
}
a {
  color: #000;
  font-weight: bold;
}
h1 {
  font-size: 22px;
  margin-bottom: 10px;
}
h3 {
  font-size: 16px;
  margin-bottom: 5px;
}
h4 {
  font-size: 14px;
  margin-bottom: 5px;
}
img { border: none; }
p { margin-bottom: 10px; }

#menu {
  left: 0;
  top: 0;
  position: fixed;
  background-image: url("images/bg_menu.png");
  background-repeat: repeat-x;
  height: 40px;
  width: 100%;
}
#menu li {
  display: inline;
  list-style-type: none;
}
#menu li a, #menu li span {
  display: inline-block;
  color: #999;
  padding: 5px 8px;
  height: 25px;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
}
#menu li a:hover {
  background-image: url(images/bg_menuitem.png);
  background-repeat: repeat-x;
  color: #bbb;
}
#menu ul { white-space: nowrap; }

#menu #logo {
  float: left;
  margin: 3px 4px 0 4px;
}
#menu #logo img {
  height: 20px;
  width: 20px;
}

#content {
  border: 1px solid #999;
  background-image: url(images/bgbox.png);
  background-repeat: repeat;
  padding: 10px;
  margin: 50px 25px 25px 25px;
}
#content img.externallink {
  height: 10px;
  width: 10px;
}
#content input.button {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  text-transform: uppercase;
}
#content input.textfield {
  border: 1px solid #aaa;
  padding: 2px;
  font-size: 13px;
}
#content table.form {
  border: 1px solid #777;
  background-image: url(images/bgbox.png);
  background-repeat: repeat;
  padding: 10px;
}
#content td.form { padding: 0 5px 5px 0; }
#content td.formfield { padding: 0 0 5px 0; }

#content #sitetree, #content #templates {
  float: left;
  border: 1px solid #777;
  background-image: url(images/bgbox.png);
  background-repeat: repeat;
  padding: 10px;
  width: 200px;
  line-height: 1.4em;
}
#content #sitetree a, #content #templates a {
  color: #222;
  text-decoration: none;
}
#content #sitetree a:hover, #content #templates a:hover { border-bottom: 1px dotted #888; }

#content #sitetree #addnew1, #content #templates #addnew1, #content #templates #addnew3 {
  margin-top: 10px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  text-transform: uppercase;
}
#content #sitetree #addnew2, #content #templates #addnew2, #content #templates #addnew4 {
  display: none;
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}
#content #sitetree #addnew1 input.button, #content #templates #addnew1 input.button,
#content #sitetree #addnew2 input.button, #content #templates #addnew2 input.button,
#content #templates #addnew3 input.button, #content #templates #addnew4 input.button {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  text-transform: uppercase;
}
#content #sitetree #addnew2 input.textfield, #content #templates #addnew2 input.textfield, #content #templates #addnew4 input.textfield {
  border: 1px solid #aaa;
  padding: 1px;
  font-size: 11px;
  width: 120px;
}

#content #templates #separator {
  border-bottom: 1px dashed #777;
  margin-bottom: 20px;
  font-size: 1px;
}

#content #editor {
  float: left;
  border: 1px solid #777;
  background-image: url(images/bgbox.png);
  background-repeat: repeat;
  padding: 10px;
  margin-left: 10px;
  width: 700px;
}
#content #editor #info {
  color: #aaa;
  margin: 30px 0 0 30px;
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 2px;
  text-shadow: 1px 1px #ddd, -1px -1px #888;
}

#content #editor #tabs { width: 100%; }
#content #editor #tabs li {
  display: inline;
  list-style-type: none;
}
#content #editor #tabs li a, #content #editor #tabs li span {
  background-color: #ccc;
  display: inline-block;
  color: #444;
  padding: 5px 10px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
}
#content #editor #tabs li a, #content #editor #tabs li span { width: 75px; }
#content #editor #tabs li a:hover {
  background-color: #ddd;
  color: #222;
}
#content #editor #tabs ul { white-space: nowrap; }

#content #editor #tab1, #content #editor #tab2 {
  border: 1px solid #ccc;
  padding: 5px;
}
#content #editor #tab2 { display: none; }
#content #editor #tab1 label, #content #editor #tab2 label { font-weight: bold; }
#content #editor #tab1 input.smalltextfield,
#content #editor #tab2 input.smalltextfield {
  border: 1px solid #aaa;
  padding: 2px;
  margin-bottom: 5px;
  font-size: 13px;
  width: 265px;
}
#content #editor #tab1 input.textfield, #content #editor #tab2 input.textfield {
  border: 1px solid #aaa;
  padding: 2px;
  margin-bottom: 5px;
  font-size: 13px;
  width: 680px;
}
#content #editor #tab1 span.addfield, #content #editor #tab2 span.addsublayout {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  text-transform: uppercase;
}
#content #editor #tab1 table { width: 680px; }
#content #editor #tab1 td.col1, #content #editor #tab1 td.col2,
#content #editor #tab2 td.col1, #content #editor #tab2 td.col2 { width: 285px; }
#content #editor #tab1 td.col3, #content #editor #tab2 td.col3 { width: 100px; }
#content #editor #tab1 td.col4, #content #editor #tab2 td.col4 { width: 30px; }
#content #editor #tab2 td.sublayout {
  padding: 0 5px 5px 0;
}
#content #editor #tab1 td.header { border-bottom: 1px solid #222; }
#content #editor #tab1 textarea, #content #editor #tab2 textarea, #content #editor #tab3 textarea {
  border: 1px solid #aaa;
  padding: 2px;
  margin-bottom: 5px;
  font-family: Courier New, monospace;
  font-size: 12px;
  height: 250px;
  width: 680px;
  overflow: scroll;
}

#footer {
  border-top: 1px dotted #333;
  color: #666;
  padding: 5px 10px 5px 10px;
  margin-top: 10px;
  font-size: 12px;
}

.alignright { float: right; }
.center { text-align: center; }
.clear { clear: both; }
.nomargin { margin: 0; }
.smalltext { font-size: 10px; }
